import { h, ref } from 'vue';

import { Tag } from 'ant-design-vue';

export default function useTableHook() {
  const tableColumns = ref<any>([
    // {
    //   title: '序号',
    //   dataIndex: 'dept_id',
    //   key: 'dept_id',
    //   customHeaderCell: () => ({ style: { textAlign: 'center' } }),
    //   customCell: () => ({ style: { textAlign: 'center' } }),
    // },
    {
      title: '名称',
      dataIndex: 'dept_name',
      key: 'dept_name',
      customHeaderCell: () => ({ style: { textAlign: 'center' } }),
      customCell: () => ({ style: { textAlign: 'center' } }),
    },
    {
      title: '负责人',
      dataIndex: 'leader',
      key: 'leader',
      customHeaderCell: () => ({ style: { textAlign: 'center' } }),
      customCell: () => ({ style: { textAlign: 'center' } }),
    },
    {
      title: '负责人电话',
      dataIndex: 'phone',
      key: 'phone',
      customHeaderCell: () => ({ style: { textAlign: 'center' } }),
      customCell: () => ({ style: { textAlign: 'center' } }),
    },
    {
      title: '负责人邮箱',
      dataIndex: 'email',
      key: 'email',
      customHeaderCell: () => ({ style: { textAlign: 'center' } }),
      customCell: () => ({ style: { textAlign: 'center' } }),
    },
    {
      title: '状态',
      dataIndex: 'status',
      key: 'status',
      customHeaderCell: () => ({ style: { textAlign: 'center' } }),
      customCell: () => ({ style: { textAlign: 'center' } }),
      customRender: (row: any) => {
        if (row.value === 0) {
          return h(Tag, { color: 'red' }, () => '禁用');
        } else if (row.value === 1) {
          return h(Tag, { color: 'green' }, () => '启用');
        } else {
          return h(Tag, { color: 'grey' }, () => '未知');
        }
      },
    },
    {
      title: '创建时间',
      dataIndex: 'create_time',
      key: 'create_time',
      customHeaderCell: () => ({ style: { textAlign: 'center' } }),
      customCell: () => ({ style: { textAlign: 'center' } }),
    },
    {
      title: '操作',
      dataIndex: 'operation',
      key: 'operation',
      customHeaderCell: () => ({ style: { textAlign: 'center' } }),
    },
  ]);

  return { tableColumns };
}
